@media (min-width: 1024px) {
    html {
        font-size: 18px
    }
}

@media (min-width: 1100px) {
    html {
        font-size: 20px
    }
}

@media (min-width: 1280px) {
    html {
        font-size: 22px;
    }
}

@media (min-width: 1366px) {
    html {
        font-size: 24px;
    }
}

@media (min-width: 1440px) {
    html {
        font-size: 25px;
    }
}

@media (min-width: 1680px) {
    html {
        font-size: 28px;
    }
}

@media (min-width: 1920px) {
    html {
        font-size: 33px;
    }
}

@function getvw($vw) {
    @return ($vw / 1920) * 100vw;
}

// @function getvh($vh) {
//     @return ($vh / 1080) * 100vh;
// }
@mixin font($size, $weight, $color) {
    font: {
        size: getvw($size);
        family: PingFangSC-Regular, PingFang SC;
        weight: $weight;
    }
    color: $color;
}